Deformation mesh control for a computer animated artwork

ABSTRACT

A user interface for animating digital artwork includes a two-part control to change scale, rotation, and/or shear. A stationary portion is manipulated by the user while a moveable portion moves during manipulation to reflect a deformation position resulting from the control For example, a system may store an artwork having a tessellated mesh bounded by an alpha edge and a bend handle associated with at least a first vertex of the mesh. The system also includes a user interface that implements a control for the bend handle. The control includes a stationary portion enabling the user to select a control value for the bend handle and a moveable portion that moves, during a manipulation event of the stationary portion, to a deformed position determined from the control value and from a position of at least one other handle associated with at least a second vertex of the vertices.

RELATED APPLICATION

This application is a continuation of, and claims priority to, U.S.application Ser. No. 16/196,616, filed Nov. 20, 2018, titled “ADeformation Mesh Control For A Computer Animated Artwork,” thedisclosure of which is incorporated herein.

TECHNICAL FIELD

This description relates to a novel control for animating a digitalartwork.

BACKGROUND

Existing animation software applications allow users to animatetwo-dimensional or three-dimensional images including character andother similar artwork by placing handles on the artwork and then movingthese handles. The software application determines how to smoothlydeform the rest of the artwork based on the handle movements. In thisway, a user is able to animate the artwork by controlling the positionof the handles, i.e., moving the handles.

Deforming the artwork based on the movement of the handles isaccomplished by generating a mesh of triangles with vertices inside ofan alpha edge for the artwork. The alpha edge represents the outline ofthe artwork being animated, and the mesh is generated within the alphaedge. A handle may be placed by a user, using a user interface of thesoftware application. The mesh is generated as a result of new handlesplaced, with each handle residing on a single vertex of the mesh. Asmore handles are placed, the software application may increase thedensity of the mesh in the area between handles to provide finer controlof the deformation. The mesh edges are weighted relative to the handlesusing a gradient function. Thus, the closer a handle is to a particularedge of the mesh the more the constraints of that handle (e.g., theposition) affects the mesh.

Some software applications include different types of handles. One typeof handle is a position handle that enables the user to move the handleto a new position. If not moved by the user the user drags the handle toa new position), the position remains fixed and is not affected byconstraints of other handles. This may cause the mesh to deform(stretch, bend, etc.) between the two handles. Some position handles mayenable the user to not only move the handle (e.g., change the position),but also scale and rotate the handle. Increasing the scale of a positionhandle may make the area of the triangles around this handle larger anddecreasing the scale may make the area of the triangles smaller. Arotation for such a handle rotates the mesh (and the alpha edge) aroundthat handle's position. Another type of handle is a rigid handle thatmay be used to fix or make rigid a portion of the artwork. Once a rigidhandle is placed in the mesh the user has no further interaction withthe handle, but its presence makes the mesh surrounding the rigid handleresistant to deformation. For example, changing the position androtation of a nearby position handle may cause the rigid handle to move(change position), scale and/or rotate (in order to minimizedeformation), and may drastically deform the mesh surrounding any nearbyhandles automatically.

SUMMARY

Implementations provide a novel handle, referred to as a bend handle,and corresponding user interface control that enables the user toprovide scale and rotation constraints for a handle and have the systemcalculate the position of the handle. The handle is unique because theposition of the handle is dynamic; calculated based on the rotation andscale constraints and the position of the other handles, minimizingdeformation of the mesh. Allowing the position of the bend handle to becalculated dynamically produces more realistic animation with lessartificial stretching using fewer constraints and manipulation from theuser. This decreases the time to produce an expressive animation,especially for kinematic joints and for simulating three-dimensional(3D) effects in two-dimensional (2D) animations.

Thus, implementations include a novel handle control with two portions;a stationary portion and a moveable portion. The user interacts with thestationary portion to select a rotation and/or scale for the handleduring a manipulation event and the moveable portion moves around thedisplay, with the deformed mesh, to illustrate the position of thehandle resulting from the rotation and scale constraints. The stationaryportion remains centered at the initial position in the user interface,i.e., the position the handle had before the manipulation event,although the stationary control may rotate, expand, or contract toindicate changing constraints. The two-part user interface provides anintuitive and precise control that allows the user to see how the meshresponds without interfering with the portion of the control that theuser is interacting with, or resulting in inaccurate constraint due to afeedback loop.

The details of one or more implementations are set forth in theaccompanying drawings and the description below. Other features will beapparent from the description and drawings, and from the claims.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a block diagram of an animation system, according to animplementation.

FIG. 2 illustrates the tessellated image of a digital artwork with userpositioned handles.

FIG. 3 illustrates deformation of the artwork of FIG. 2 based onmovements of the handles.

FIG. 4 is an example user interface illustrating a digital artwork witha bend handle, according to an implementation.

FIG. 5 is an example user interface illustrating separation of themoveable portion and the stationary portion of a bend handle control,according to an implementation.

FIGS. 6 and 7 are example user interfaces illustrating the rejoinder ofthe stationary portion to the moveable portion of a bend handle control,according to an implementation.

FIG. 8 is an example flowchart illustrating an example process performedby the system of FIG. 1.

FIGS. 9-11 illustrate an example of using bend handles to simulate threedimensional effects in a two-dimensional artwork, according to animplementation.

DETAILED DESCRIPTION

Systems and methods provide a two-part control for a handle placed on amesh of a digital artwork. The two-part control enables a user to changethe scale, shear, and/or rotation associated with the handle, while theposition of the handle is calculated dynamically based on a minimizationof mesh deformation with respect to the scale, shear, and/or rotation aswell as constraints represented by other handles of the mesh. Becausethe position of the handle can change during the rotation, shearing,and/or scaling, the novel handle, referred to as a bend handle, providesa unique user interface challenge. If the control for the handle moveswith each user manipulation (e.g., mouse movement) to adjust rotation,shear, or scale, the initial position for calculating the scale androtation delta from the previous manipulation moves. This makes itdifficult to interact with the input device (e.g., predict mousemovement) and can also introduce a feedback loop, i.e., the manipulation(e.g., the movement of the mouse) causes a shift in the initial positionfor the next interaction, which changes the current delta for therotation/scale/shear calculation, which in turn changes the initialposition, etc.

Implementations thus provide a bend handle control with two portions; astationary portion and a moveable portion. The user interacts with thestationary portion during a manipulation event and the moveable portionmoves around the display with the mesh to indicate the dynamic positionfor the bend handle calculated based on the manipulation of the staticportion and minimization of mesh deformation with respect to constraintsrepresented by other handles of the mesh. The two-part bend handlecontrol provides precise control in an intuitive fashion that preventsthe feedback loop and provides a predictable input device movement.

Conventional mesh transformation tools use control points (handles) tospecify the desired position of a particular part of the digitalartwork. But conventional handles make it difficult to modify the meshwithout introducing artificial stretching in the mesh and make it hardto isolate specific deformations. For example, a user using conventionaltools to animate a tail wagging (rotation) in a digital artwork that isalso moving across the display must individually provide rotation andposition constraints for multiple handles, making sure to positionallycorrelate the movement of the handles in addition to controlling therotational deformation. This is a time consuming and error-proneprocess. In contrast, the bend handle provides an intuitive control thatenables a user to create twist and bloat effects without having toanimate the position directly. This type of control is useful to animateforward kinematic limbs (tails, tentacles, and other extremities) andenables the user to animate perspective-like changes, e.g., simulatingslight head turning. Moreover, the resulting animations appear morenatural and organic and do not require the user to try and achievepositional correlation.

As used herein, a digital artwork refers to any electronic image,photograph, video frame, or other graphic either vector or rasterdisplayed on a display of an electronic device. Artwork may depict anobject such as a person, building, car, plane, ship, plant, or any otherobject. Artwork may also depict an abstract set of pixels such as abackground, texture, or landscape. A digital artwork has an alphaboundary edge. As used herein an alpha edge is the outline of an objectdepicted in the artwork. In some implementations, the artwork is 2D andhas a transparent background and the edge of the object is a borderbetween the transparent background and the remainder of the artwork. Insome implementations, the alpha edge may be specified or identified by auser. In some implementations, the artwork is 3D and the alpha edge maybe the outer edge of a wire frame or other 3D model.

As used herein, a handle refers to an item positioned relative toartwork to control animation of the artwork. A user or automated processmoves the handle to a new position and an animation is determined basedon the movement of the handle from the initial position to the movedposition. A handle can affect a single point, a line segment, an area,or a combination of points, line segments, and areas within the mesh. Insome implementations, a handle is associated with a vertex in the mesh.In some implementations, a handle is associated with more than onevertex in the mesh. In some implementations, a new mesh is generated forthe artwork every time a new handle is placed on the artwork, with eachhandle being associated with a respective vertex (or vertices) in thegenerated mesh. In some implementations, a handle may be placed on avertex or vertices of an existing mesh. A handle has an associatedposition constraint. The position constraint may be interactive ordynamic. A position constraint that is interactive is able to be set bythe user. A position constraint that is dynamic is determined by theanimation software application based on proximity to other handles, theconstraints of those handles, and minimization of mesh deformation. Somehandles may also have an associated scale. Some handles may have anassociated rotation. Some handles may have an associated shear. Placingany handle on the digital artwork causes the software application togenerate a tessellated mesh within the alpha edge. The mesh is a seriesof triangles, with the triangles abut at their vertices and edges. FIG.2 illustrates an example digital artwork 200 with a tessellated mesh205. The digital artwork 200 includes five handles 210, 215, 220, 225,and 230. Placement of the handles 210 to 230 on the artwork may causethe software application to make the mesh denser around the handles whenin close proximity to other handles, as illustrated, e.g., in the areasaround handles 210 and 225. This enables the software application todeform the mesh with more precision and less stretching in response tomovement of the handles.

As used herein the phrase “smooth deformation” refers to a deformationbased on manipulating a mesh in a way that avoids any visible edges atthe junction of the triangles of the mesh within constraints provided bythe handles. Smooth deformation can also be referred to as minimizingdeformation. An example method of determining smooth mesh deformation inresponse to movement of handles is provided in U.S. Patent PublicationNo. 2017/0098326, which is incorporated herein by reference.

As used herein, a bend handle is a type of handle where the user canspecify a control value, i.e., a rotation value, a scale value, and/or ashear value, for the handle but not a position value. The position valueof a bend handle is dynamic, or in other words calculated based on thespecified rotation and scale values for the handle and the smoothdeformation of the mesh relative to other handles for the artwork. Asused herein a control value is a rotation value, a scale value, and/or ashear value for a bend handle.

As used herein, a bend handle control is a user interface element thatenables the user to specify the control value, e.g., rotation, scale,and/or shear, of a bend handle by interacting with the bend handlecontrol during a manipulation event, while also showing the user thedynamic position of the bend handle calculated based on the rotation,shear, and scale.

As used herein, a manipulation event is defined by the user selecting,manipulating, and releasing a handle control. An example manipulationevent may be a user performing a click-drag-release on the bend handlecontrol using an input device such as a mouse, trackball, touch screen,multi-touch screen etc.

The bend handle control includes a stationary portion and a moveableportion. As used herein, the stationary portion is stationary withrespect to the initial position during a manipulation event. The initialposition of a bend handle represents the position constraint of the bendhandle prior to the manipulation event. Put another way, during a singlemanipulation event the stationary portion does not change position onthe display. The position of any handle is represented in displaycoordinates. The stationary portion of the bend control handle mayrotate around, expand from, or contract to the initial position, butremains anchored on the initial position until after the manipulationevent. The stationary portion may be rotated. In some implementations,the stationary portion may have a selectable portion that can berotated. For example, the stationary portion may be a ring and mayinclude a small box positioned on the ring that can be selected anddragged around the ring by the user. Such interaction of the user withthe stationary portion enables the user to specify a rotation value forthe bend handle. The rotation value may also be referred to as arotation constraint. In some implementations, the stationary portion maybe a slide bar or a rotation dial. In some implementations, thestationary portion can be expanded or contracted from the initialposition.

In some implementations, the stationary portion may have a selectableportion used to expand or contract the stationary portion. Expanding andcontracting interactions enable the user to specify a scale value forthe bend handle. The scale value may also be referred to as a scaleconstraint. For example, the stationary portion may be a ring that getsbigger, or has a representation such as a dashed ring (also referred toas a shadow), that gets bigger during a manipulation away from theinitial position of the ring. For example, a mouse click-and-hold eventon the ring and dragging the ring away from the center (e.g., away fromthe initial position) may enlarge the ring or enlarge a shadow of thering, which in turn increases the scale value for the bend handle. Asanother example, the user may contract the ring or a shadow of the ringas the mouse moves toward the center of the ring, decreasing the scalevalue for the bend handle. In some implementations the scale value canbe inverted (become negative) or can be capped to minimum values. Insome implantations, the stationary portion may be rotated and scaledduring the same manipulation event. Thus, while the stationary portionof the bend control may rotate, expand, and/or contract, such movementmay not change the position of the stationary portion of the control onthe display. Thus, the stationary portion is stationary with respect tothe initial position of the bend handle during a manipulation event.

In some implementations, the stationary portion may be manipulated toprovide a shear value for the bend handle. The shear value may also bereferred to as a shear constraint. In some implementations, the shearconstraint may include an amount of shear and an angle defining thedirection the shear is applied. In some implementations, the user maydrag the selectable portion laterally to the shear direction to providea shear amount. For example, the stationary portion may have aselectable portion manipulated in a vertical manner to provide avertical axis shear constraint. As another example, the stationaryportion may have a selectable portion manipulated in a horizontal mannerto provide a horizontal axis shear constraint. In some implementations,the stationary portion may have a selectable portion to rotate the shearangle to define the direction that the shear value is applied. In someimplementations, a shear value and shear angle may be provided bymulti-touch, e.g., by moving one finger laterally away from two otherfingers. The stationary portion may include a representation such as adashed line or parallelogram (also referred to as a shear shadow), thatchanges during a manipulation to show the shear angle and amount.

As used herein, a moveable portion of the bend handle control is aportion of the bend handle control that is initially located at theinitial position of the bend handle but moves from the initial positionto a deformation position or positions calculated during a manipulationevent, and is thus separable from the stationary portion. The moveableportion cannot be interacted with during a manipulation event. Putanother way, the user cannot click-and-drag the moveable portion of thebend handle control. Instead, the moveable portion is repositioned onthe display based on the smooth deformation of the mesh resulting frommanipulation of the stationary portion, or any other means (e.g., a textbox) to manipulate the control values by the user. For example, when auser manipulates, i.e., rotates, slides, expands, or contracts, thestationary portion, the system uses the shear, rotation and/or scalevalues represented by the manipulation, i.e., the control value(s), tocalculate a new position for the bend handle and moves the moveableportion to the new position. This occurs repeatedly during the durationof a manipulation event, so that the moveable portion repeatedly movesto a new dynamically calculated deformation position. The deformationposition is determined with respect to the presence of other handles inthe mesh (if any) and the control values modified by the manipulation.In other words, the rotation of a bend handle is a rotation not aroundthe initial position of the bend handle but a rotation that solves forminimal deformation relative to all other handles on the mesh, if any.The system minimizes deformations of the mesh with respect to theseposition, rotation and scale constraints over the entire mesh. When theuser completes the manipulation event, e.g., by releasing the mousebutton or terminating a touch with a touch screen, the stationaryportion snaps to moveable portion. In some implementations, if thestationary portion was enlarged during the manipulation event, thesystem may return the stationary portion to its default size when thestationary portion snaps to the new position.

Details of the systems and techniques are discussed below with respectto the illustrated figures. FIG. 1 is a block diagram of an animationsystem 100. The system 100 includes a computing device 102 having atleast one memory 104, at least one processor 106. The system 100includes one or more software applications, such as animation softwareapplication 110. In some implementations, the computing device 102 maycommunicate with one or more other computing devices, e.g., computingdevice 160 over a network 140. In such implementations a user may usecomputing device 160, e.g., via a browser 164, to access the animationsoftware application 110. In some implementations, a user may directlyaccess animation software application 110 using input and output devicesof computing device 102 (not shown). In such an implementation nonetwork 140 is needed to access the animation software application 110.Thus, the computing device 102 may be implemented as a server, a desktopcomputer, a laptop computer, a mobile device such as a tablet device ormobile phone device, as well as other types of computing devices.Although a single computing device 102 is illustrated, the computingdevice 102 may be representative of multiple distributed computingdevices in communication with one another, such as multiple servers incommunication with one another being utilized to perform its variousfunctions over a network.

The at least one processor 106 may represent two or more processorsformed in a substrate on the computing device 102 executing in paralleland utilizing corresponding instructions stored using the at least onememory 104. In some implementations, the at least one processor 106 mayinclude a specialized processor, e.g. a graphics processing unit (GPU).The at least one memory 104 represents a non-transitorycomputer-readable storage medium. Of course, similarly, the at least onememory 104 may represent one or more different types of memory utilizedby the computing device 102. The at least one memory 104 storesinstructions, e.g., in the form of software applications such assoftware application 110, which allow the at least one processor 106 toimplement disclosed embodiments. The at least one memory 104 may also beused to store data, such as digital artwork, handle attributes, etc.,used by the software applications.

The system 100 may include animation software application 110. Theanimation software application 110 enables a user to animate a digitalartwork using handles. Examples of animation software application 110can include, but are not limited to programs such as AFTER EFFECTS byAdobe, NUKE by Foundry, HOUDINI by Side Effects Software, FUSION byBlackMagic, MOTION by Apple, BLENDER by Blender Foundation, HITFILMS byFxHome, MAYA by Autodesk, etc. In some implementations, the softwareapplication 110 may include components, such as animation user interface120 and mesh deformation engine 115, that provide an easy way for a userto manipulate a digital artwork in a manner somewhat similar to how onemight manipulate a doll or a figure made of clay. For example, thesoftware application 110 may enable the user to specify a number ofhandles on the artwork. These handles can be dragged around by the user,with the rest of the artwork deforming so that the result looks“natural” while ensuring that each handle goes where the user draggedit.

To achieve the “natural” look, transformations for the vertices of themesh are determined in an iterative manner based on gradient blending.In some implementations, when a handle is placed on the digital artwork,the software application 110 may generate (or regenerate) a tessellatedmesh. In such implementations a vertex in the mesh is generated for eachhandle placed on the artwork, in addition to other vertices. Thus, eachhandle is associated with the vertex generated for the handle. In someimplementations, when a handle is placed on the digital artwork, thesoftware application may associate the handle with a particular vertexin a previously generated mesh. The software application 110 thenapplies a gradient to the mesh. The gradient ensures that verticesclosest to the handle are highly affected by the constraints (e.g.,position, shear, scale, and/or rotation) of the handle; The further anvertex is from the handle the less it is affected by that handle and themore it is affected by other nearer handles. In the absence of otherhandles nearby, a vertex will adopt the constraints of the nearesthandle entirely (e.g., the mesh vertex is near the alpha boundary withonly one constraint nearby). Any particular vertex may be affected bymultiple handles. For example, a vertex equidistant between two handlesmay be controlled 50% by one handle and 50% by the other handle.Position is a constraint for handles where the user provides theposition, or in other words where the position is interactive. Putanother way, when position is a constraint for a handle, if the userdoes not provide a new position the handle does not move and thevertices closest to the handle are highly resistant to movement. Ahandle with a dynamic position is free to move. In other words, positionis not a constraint for a handle with a dynamic position. Similarly, ahandle where the scale is set by the user has scale as a constraint,meaning that the vertex most affected by the handle will comply with thescale value more than vertex further from the handle. Likewise, a handlewhere the rotation is set by the user has a rotation constraint, meaningthat the vertices of the mesh most affected by the handle will rotatemore than vertices less affected by the handle. In the same way, ahandle where the shear is set by the user has a shear constraint. Themesh deformation engine 115 iteratively determines a minimal deformationfor each edge that complies with the constraints specified by the user.As indicated earlier, U.S. Patent Publication 2017/0098326 provides anexample of operations performed by a mesh deformation engine 115,although implementations may use other similar or later developedtechniques.

FIG. 2 illustrates a digital artwork 200 with five handles 210-230associated with the artwork 200. FIG. 2 also illustrates the tessellatedmesh 205 generated for the artwork 200. The handles 210-230 of theartwork 200 are positionable by the user. In other words, a user mayclick-and-drag any of the handles 210-230 to a new location, asillustrated in FIG. 3. The new location is referred to as a deformedposition. When the user changes the position of any of the handles210-230, the mesh deformation engine 115 calculates a mesh deformationthat minimizes deformation within the constraints set by the user. InFIG. 3 the position constraint rotates and scales the handleautomatically in order to minimize deformation. Thus FIG. 2 and FIG. 3illustrate the change in the alpha edge and the mesh due to positionconstraints set by the user. If the artwork 200 of FIG. 2 represents afirst keyframe and the artwork 200 of FIG. 3 represents a secondkeyframe, the animation software application 110 generates frames inbetween that will animate the artwork, e.g., so it transitions smoothlyfrom the first keyframe to the second keyframe by interpolating theposition, rotation, scale, and/or shear of each handle according totheir automatic and user defined constraints.

The animation software application 110 may also include an animationuser interface 120. The animation user interface 120 may provide adisplay of the digital artwork to the user as well as provide controlsfor setting keyframes, placing handles, changing the attributes ofhandles, interacting with the handles via handle controls, savingchanges to the artwork, providing constraints via text controls (e.g., atext box), etc. Conventionally, a user places a handle on the artworkand the animation user interface 120 provides a handle control thatenables the user to interact with the handle when the handle has focus.When the user selects the handle, the user may change attributes of thehandle, for example naming the handle or changing the type of thehandle. Selecting the handle control may also enable the user to deletethe handle. The animation user interface 120 may also enable the user tointeract with the handle. For some handles, interaction may be movingthe handle, or in other words specifying a position for the handle. Theposition may be specified using display coordinates. Thus, the vertexassociated with the handle does not change when the position changes.Before a manipulation event the position of the handle is referred to asthe initial position. During a manipulation event, the position of thehandle is referred to as a deformed position. Thus, a manipulation eventmay cause a handle to move from an initial position to a deformedposition. The initial position has different display coordinates thanthe deformed position. For some handles, interaction may includespecifying a rotation value for the handle. The rotation valuerepresents a twist of the mesh. For some handles, interaction mayinclude specifying a scale for the handle. The scale makes the mesharound the handle larger in area or smaller in area, depending on thescale and the gradient, e.g., how much the mesh vertices are affected bythe handle.

The animation user interface 120 provides a handle control for eachhandle, once the handle has focus, e.g., as a result of the userclicking on or touching the handle. A handle control enables the user toset the position, rotation, shear, or scale of the handle, asappropriate, during a manipulation event. For example, a position handlecontrol enables the user to move the handle from an initial position toa deformation position during a manipulation event, e.g., toclick-and-drag the handle from one set of coordinates to another. Duringthe manipulation event, the animation software application 110determines a smooth deformation caused by the changing position anddisplays the deformation of the artwork on the display.

Implementations of the animation user interface 120 provide a bendhandle control. The bend handle control allows the user to specify acontrol value(s) (e.g., rotation, shear, and/or a scale) for the handlebut does not allow the user to set a position for the handle. Instead,the bend handle control includes a moveable portion that indicates thedynamic position of the handle calculated based on the specified controlvalue(s) and smooth mesh deformation. In other words, the moveableportion indicates the deformed position of the handle, which isdynamically calculated during the manipulation event. Thus, the bendhandle control includes two portions, a stationary portion and amoveable portion. As discussed above, the bend handle presents a uniqueuser interface challenge, as the position dynamically changes during amanipulation event. If the bend handle control were to move with theposition, this would result in difficulty in determining whatrotation/scale/shear value the user is trying to specify and interferewith calculating a change delta (e.g., from the previous meshdeformation output to the display). Put another way, it would bedifficult to determine what movement was due to the movement of theinput device and what movement was due to the change in position. If thebend handle control remains stationary, e.g., at the initial position,the animation software application cannot display the changes in themesh caused by the user-specified control values. To solve these issues,the bend control incorporates a stationary component that the user caninteract with during a manipulation event and a moveable component thatillustrates the current position of the handle, i.e., the position ofthe handle based on the smooth deformation of the mesh resulting fromthe rotation and/or scale value provided by the user and the constraintsof other handles.

FIG. 4 is an example user interface 400 illustrating a digital artwork405 with a bend handle control 410 for a bend handle and four otherposition handles 415, 420, 425, 430. The bend handle control 410includes at least a stationary portion 410 a and a moveable portion 410b. The stationary portion 410 a may be configured to be manipulated bythe user to specify a rotation value. For example, the user may rotatethe stationary portion 410 a, e.g., like turning a dial. In one example,the user may right-click-and-hold the stationary portion 410 a and movethe mouse up and down, which may cause the animation user interface 120to simulate turning of the stationary portion 410 a. The stationaryportion 410 a may be configured to manipulated by the user to specify ascale value. For example, the user may enlarge or contract thestationary portion 410 a. In one example, the user may touch and holdthe stationary portion 410 a while dragging the touch away from thecenter of the stationary portion 410 a. In another example, the user mayclick-and-hold the stationary portion while moving the mouse in adirection toward the center of the stationary portion 410 a. In someimplementations, the animation user interface 120 may provide arepresentation of the stationary portion 410 a that indicates the scale.For example, the animation user interface 120 may provide a dashed ring(or shadow) outside the stationary portion 410 a that indicatesenlargement and a dashed ring inside the stationary portion 410 a thatindicates contraction.

In some implementations, the stationary portion 410 a can include aselectable portion 410 c. In some implementations, the selectableportion 410 c may be used to provide the scale and/or rotationconstraint. In some implementations, the selectable portion 410 c may beused instead of the stationary portion 410 a to provide the scale and/orrotation constraint. In some implementations, the selectable portion 410c may be used in addition to the stationary portion 410 a to provide thescale and/or rotation constraint. For example, the user maytouch-and-drag the selectable portion 410 c away from or toward thecenter of the stationary portion 410 a. Thus, the position of theselectable portion 410 c may provide an indication of the scale value.Although illustrated as a ring, stationary portion 410 a may take otherforms, such as a slide control, an arc, rotation dial, a needle, etc.

The bend handle control 410 also includes a moveable portion 410 b. Themoveable portion 410 b is not interactive and cannot be acted uponduring a manipulation event. Put another way, the moveable portion 410 bcannot be selected-and-dragged during a manipulation event. While notinteractive, the moveable portion 410 b separates from the stationaryportion 410 a during a manipulation event and moves around the displayto illustrate the dynamic position of the bend handle. In other words,during a manipulation event when the user is interacting with thestationary portion 410 a, the moveable portion 410 b continuously movesas a new position is calculated based on the interaction, e.g., therotation value, scale value, and/or shear value represented by themanipulation of the stationary portion 410 a. In some implementations,the movable portion may include some indication of the rotation or scaleapplied from the stationary portion. In some implementations, themovable portion may display a path showing how the movable portion hasmoved from the initial position during the manipulation of thestationary portion.

FIG. 5 is an example user interface illustrating separation of themoveable portion 410 b from the stationary portion 410 a of the bendhandle control 410 of FIG. 4 during a manipulation event. Although notillustrated in FIG. 5, the artwork 405 includes the additional positionhandles 415, 420, 425, 430 illustrated in FIG. 4. Thus, the constraintsof the additional position handles 415, 420, 425, and 430 affect therotation result illustrated in FIG. 5. In the example of FIG. 5, theuser has rotated the stationary portion 410 a clockwise to 14 degreesfrom the original position. Because of this change in rotation value,the system calculates a smooth deformation of the mesh and determinesthat the bend handle has moved from the initial position 460 (e.g.,represented by display coordinates (x1, y1)), to a new position (e.g.,display coordinates (x2, y2)). Accordingly, the moveable portion 410 bis displayed at the new position. Comparison with the artwork of FIG. 4illustrates that the new position and smooth deformation in the meshresults in the head of artwork 405 raising from its original positionillustrated in FIG. 4. FIG. 6 also illustrates that the vertex of themesh that the bend handle is associated with stays with the moveableportion 410 b.

FIG. 6 is another example user interface illustrating the separation ofthe moveable portion 410 b from the stationary 410 a of the bend handlecontrol 410 of FIG. 4. Although not illustrated in FIG. 6, the artwork405 includes the additional position handles 415, 420, 425, 430illustrated in FIG. 4. Thus, the constraints of the additional positionhandles 415, 420, 425, and 430 affect the rotation result illustrated inFIG. 6. In the example of FIG. 6, the user has rotated the stationaryportion 410 a counterclockwise to −19 degrees from the original positionillustrated in FIG. 4. Because of this change in rotation value, thesystem calculates a smooth deformation of the mesh and determines thatthe bend handle 410 has moved from the initial position 460, e.g., atdisplay coordinates (x1, y1) to a new position, e.g., at displaycoordinates (x3, y3). Accordingly, the moveable portion 410 b isdisplayed at the new position. Comparison with the artwork 405 of FIG. 4illustrates that the new position and smooth deformation in the meshresults in the head of the artwork 405 lowering from its originalposition illustrated in FIG. 4.

In some implementations, FIG. 6 may be a continuation of a manipulationevent that also produced the interface of FIG. 5. In other words, duringa single manipulation event the user may rotate the stationary portion410 a clockwise (illustrated in FIG. 5) and counterclockwise(illustrated in FIG. 6) without releasing the drag. Because the meshdeformation and dynamic position of the bend handle are calculatedcontinuously during a manipulation event, the display may show a smoothmovement, e.g., animation, during the manipulation event. This enablesthe user to see how the animation looks between different controlvalues.

FIG. 7 is an example user interface illustrating the rejoinder of thestationary portion 410 a to the moveable portion 410 b of the bendhandle control 410 illustrated in FIG. 6. In other words, after the userhas rotated the stationary portion 410 a to −19 degrees the user may endthe manipulation event by releasing the input device (e.g., releasingthe mouse button or raising a finger or stylus from the touch screen).At the termination of the manipulation event the stationary portion 410a snaps to the position of the moveable portion 410 b, as illustrated inFIG. 7. This new position becomes the initial position for a subsequentmanipulation event.

FIG. 7 also illustrates example user interface elements 410 d and 410 eused to provide a shear constraint. In this example implementation, thebend handle control 410 may provide a selectable portion 410 d that ismanipulated by the user to provide the shear constraint and a shearshadow portion 410 e to show the shear amount and direction. Shear is atransformation that enables the user to skew a handle sideways in acertain direction. In some implementations, the stationary portion 410 amay include a second selectable portion 410 d. The second selectableportion 410 d may be used by a user to provide a shear amount for thebend handle control 410. In some implementations, the second selectableportion 410 d may be in addition to the selectable portion 410 c. Insome implementations, the user interface may include a shear shadow 410e portion. The shear shadow portion 410 e may be selectable and used torotate the shear angle. The user may drag the selectable portion 410 dlaterally to the shear direction to adjust the shear constraint. Theuser may drag the shear shadow portion 410 e to adjust the shear angle.In FIG. 7, the selectable portion 410 d and the shear shadow portion 410e are initially shown with no shear. The box 450 illustrated in FIG. 7shows the selectable portion 410 d and the shear shadow portion 410 eduring a manipulation, e.g., after the user has used the user interfaceelements 410 d and 410 e to provide a shear constraint. Although notillustrated in box 450 of FIG. 7, the moveable portion 410 b would belocated at a position calculated for the vertex (or vertices) associatedwith the bend handle 410 based on deformation of the mesh to conform tothe shear constraint (value and angle) represented in box 450.

FIGS. 5-7 illustrate an example rotation constraint of a bend handle inthe presence of other handles (e.g., handles 415, 420, 425, and 430 ofFIG. 4). However, bend handles can operate in the absence of otherhandles. In such implementations, the result of a rotation constraintwill rotate the entire mesh about itself. Likewise, a scale constraintwill enlarge/contract the entire mesh. In other words, the result of asingle bend handle and no other handles placed on an artwork is anaffine transformation of the entire mesh. Additionally, implementationscan include multiple bend handles and no position constrained handles.In such an implementation, a rotation or scale constraint for a firstbend handle will be subject to the scale and/or rotation constraints ofthe other bend handles and transformation will occur about the averageposition of the center of the undeformed position of the handles.

FIG. 8 is an example flowchart illustrating an example process 800 forimplementing a bend handle control, in accordance with disclosedimplementations. Process 800 may be performed by a system such as system100 of FIG. 1. Process 800 provides a unique user interface control witha stationary portion that does not change position during a manipulationevent and a moveable portion that does, illustrating how the inputrepresented by the manipulation affects the position of the bend handle.

Process 800 includes receiving placement of a bend handle on a digitalartwork (805). In some implementations, the digital artwork will have analpha boundary which is used to generate a tessellated mesh oftriangles, with a plurality of vertices. If the artwork includesexisting handles, the mesh is re-tessellated to account for the newhandle. In generating the mesh, the system will generate a vertex foreach handle. The system associates the bend handle with the createdvertex beneath it which will be at the position on the display the userselects. In some implementations, the system has already generated themesh and the handle is associated with a nearest vertex of the mesh.Vertices exist where the points of the triangles meet. The system,responsive to associating the bend handle with the vertex, provides abend handle control for the bend handle (810). This control may appearwhenever the bend handle has focus. In one example, the user may clickon (touch) a bend handle icon to give the bend handle focus. In someimplementations, multiple bend handles can have focus at the same timeand will result in many handle controls being visible and can bemanipulated simultaneously. For example, a user may hold down a selector control key and select multiple bend handles. As another example, ina multi-touch environment, the user may touch and hold multiple bendhandles. In some implementations, if the user has multiple bend handlesselected, manipulations done on one of the selected handles will applyto all other selected handles. In other words, if the user provides arotation constraint, all selected bend handles will have that samerotation constraint. In some implementations (e.g. multi-touch), if theuser has multiple bend handles selected, the user can manipulate thebend handles independently and simultaneously. For example, using fourfingers a user may rotate one bend handle while simultaneously scalinganother bend handle. Similarly, the user can simultaneously providescale and rotation constraints for a bend handle, e.g., by using twofingers to rotate and scale a single handle. In some multi-touchimplementations, the user can provide a shear constraint by moving onefinger laterally away from two other fingers.

Once the bend handle has (or handles have) focus, the system providesthe bend handle control. Thus, process 800 starting at step 810 can berepeated by giving the bend handle focus. Put another way, process 800can be repeated starting at step 810 for each new manipulation event foran existing bend handle. Step 805 is only performed once for each bendhandle, i.e., when the bend handle is added. The bend handle controlincludes a stationary portion and a moveable portion. Initially, e.g.,before a manipulation event, the stationary portion and the moveableportion have the same position on the display. In some implementations,the stationary portion may surround the moveable portion. In someimplementations, the stationary portion may be located above themoveable portion. In some implantations, the stationary portion may bebelow the moveable portion. In some implementations, the stationaryportion may be next to the moveable portion. The stationary portion maybe a ring. The stationary portion may be a ribbon. The stationaryportion may be a slide bar. The stationary portion may be an arc. Thestationary portion may be a dial. The stationary portion can be anycontrol that simulates a user providing a rotation value via a pointingdevice, e.g., a mouse, stylus, digit, touch, multitouch, etc.

The system may determine whether the user has initiated a manipulationevent using the stationary portion (815). For example, the user mayselect-and-hold (e.g., click-and-hold or touch-and-hold) the stationaryportion. Such an input action indicates the start of a manipulationevent. As long as the user does not release the stationary portion themanipulation event is ongoing. During the manipulation event the usermay perform any number of drag inputs in any direction. Thus, amanipulation event may also be referred to as a select-and-drag (e.g.,click-and-drag or touch-and-drag) event. During the manipulation eventthe system continuously calculates a position of the bend handle basedon a control value determined by the manipulation (820). The controlvalue may be a rotation value. In some implementations, the rotationvalue may be a positive value or a negative value. A positive value mayindicate a degree of clockwise rotation from the starting position. Anegative value may indicate a degree of counterclockwise rotation fromthe starting position. The rotation value may be any valid degree value.For example, a rotation of 270 is the same as a rotation of −90.Likewise, a rotation of 450 is the same as a rotation of 90. In someimplementations the degree value may be limited to −180 and 180. In suchimplementations, a value greater than zero and less than 180 may beclockwise rotation and a value less than zero and greater than −180 maybe a counterclockwise rotation. The control value may be a scale value.The control value may be a shear value. In some implementations, thecontrol value may include both the rotation value and the scale value.In some implementations, the control value may include a rotation,scale, and shear value. In some implementations, the control value mayinclude a scale value and a shear value, etc. After determining thecontrol value for the bend handle, the system may calculate a positionfor the bend handle based on the control value. The position is alsodependent on the placement of other handles on the mesh. As explainedearlier, other handles may make the mesh around them resistant tocertain types of deformation. The mesh vertices closest to the bendhandle will be affected by the rotation, shear, and scale constraintsmore than vertices further from the handle. Moreover, the system willattempt to keep the shape of the mesh as close as possible to theoriginal shape while still honoring the rotation, shear, and scalevalues. In effect, the bend handle enables rotation of the mesh aroundother position handles in the mesh, which results in more fluid andnatural looking kinematic movement and can also simulate 3D effects.

Once a position of the bend handle has been calculated, the system movesthe moveable portion to the calculated position (825), as well asredraws the artwork based on the smooth deformation of the mesh used tocalculate the new position. The system continuously repeats steps 820and 825 (830, No) until the user terminates the manipulation event (830,Yes), e.g., by releasing the bend handle. At the end of the manipulationevent the system moves the stationary portion of the bend handle controlto the new position (835). This position becomes the initial position ofthe bend handle should the user start a new manipulation event. Asindicated above, steps 810 to 835 may be repeated for additionalmanipulation events.

With a bend handle, the dynamic position calculation provides a solutionto traditional mesh deformation tools that require control points tospecify both the location of the control, as well as any otherconstraints like scale and rotation. This limitation of conventionaltools makes it difficult to modify a mesh without introducing artificialstretching in the mesh, and makes it hard to isolate specificdeformations because the constraint needs to be positioned manually.

To add a perspective distortion (scale) animation, or simulating muscleflexing or character breathing (e.g., using a bend handle in the chestarea of the artwork), or a tail wagging (rotation) on a figure that isanimated and moving across the screen, current tools require extraeffort, are not amenable to quick changes, and do not always yield thebest results (e.g., introducing sharp, unnatural edges and otherartefacts). In order to achieve scale and rotation movements,traditional controls that allow for such deformation need to be animatedprecisely in conjunction with any movement of the character. Theseparate deformations thus need to be correlated positionally. Theresult is time wasted in animation, extra effort needed to match themovement of the control with the movement of the character, stretchingwhere the movement does not match correctly, and an inability to changethose independent rotation and scale deformations if the positionalanimation of the character is ever changed.

Because bend handles are unconstrained positionally, a user can createexpressive animations that affect the twist and bloat of different partsof the mesh, without animating the position directly. This novel handleis extremely useful for animating forward kinematic type limbs (liketails, head bobs, or tentacles), animating muscle flexing or breathing,and adding a perspective-like change to different parts of a character,like the head or arm, to simulate the head leaning in or turning left orright. Because the system can correlate the position with the movementof the artwork, the user provides less input but achieves a morerealistic and organic animation in less time than with conventionaltools. The more natural non-linear deformations due to the nature of theminimal deformation; bend handles may move in seemingly non-linearmotion as they are animated, but the results are nearly always naturallooking, predictable, and pleasing to the eye.

Another example advantage of the bend handle is illustrated by an amebaeanimation, which can be animated with a single position-constrainedhandle (e.g., the position is interactive and set by the user) multiplebend handles. Using this setup the user can simulate a complicatedanimation of a cell type organism with a few simple keyframes on thebend handles' rotation, shear, and scale. Finally, the bend handle canbe used to simulate pseudo-depth, as one part of the mesh is scaledlarger, the other can be scaled smaller, making it look like the objectis changing perspectives or turning in 3D space. These deformations moveintelligently and predictably with the mesh as the actual positionaldeformations are animated. The result is a higher quality animation infaster time (due to reduction in user input to generate the animation).

FIGS. 9-11 illustrate an example of using bend handles to simulatepseudo-depth, according to an implementation. In the example of FIG. 9 adigital artwork 905 is illustrated with several bend handles andposition handles. Two of the bend handles are indicated by bend handlecontrols 910 and 950. The artwork also includes other handles, such as aposition handles 920, 925, and 930. The artwork 905 of FIG. 9 is frontfacing. The user may use position handles to move the artwork 905side-to-side. The user may use the bend handle controls, such as bendhandle controls 910 and 950, to adjust the scale of the artwork. If theuser moves the position handles, e.g., 920, 925, and 930, to the left,the user may scale the bend handle controls on the left side of theartwork 905 down and may scale the bend handle controls on the rightside of the artwork 905 up, as illustrated in FIG. 10. In FIG. 10, thebend handle control 950 includes a shadow portion 1050, which is arepresentation of the scale value for the bend handle. Because theshadow portion 1050 is smaller than the stationary portion 950 a, thescale is reduced or contracted. The amount of reduction may be indicatedby the difference in size between the shadow portion 1050 and thestationary portion 950 a as a percentage. FIG. 10 illustrates that otherbend handle controls on the left side of the artwork have similarly beenscaled down.

Bend handle control 910 on the right side of the artwork 905 has ashadow portion 1010 that is a representation of the scale value for thebend handle represented by bend handle control 910. Because the shadowportion 1010 is larger than the stationary portion 910 a, the scale isenlarged or expanded. The amount of expansion may be indicated by thedifference in size between the shadow portion 1010 and the stationarycontrol portion 910 a as a percentage. FIG. 10 illustrates that otherbend handle controls on the right side of the artwork 905 has beensimilarly enlarged. The effect makes the artwork 905 appear to haveturned to face left. FIG. 9 may represent a first keyframe in ananimation and FIG. 10 may represent a second keyframe in an animation.

In FIG. 11 the user has moved the position handles to the right and hasscaled down the bend handles on the left side of the artwork 905 andscaled up the bend handles on the right side of the artwork. Thus,shadow portion 1010 is now smaller than stationary portion 910 a andshadow portion 1050 is now larger than stationary portion 950 a. Theeffect makes the artwork 905 appear to be turned to face right. The usermay make the arrangement of FIG. 9 a third keyframe and FIG. 11 a fourthkeyframe in the animation. The software application program may, usingthe keyframes, cause the animation to appear to turn the head left toright, simulating pseudo-depth in a two-dimensional image.

Method steps may be performed by one or more programmable processorsexecuting a computer program to perform functions by operating on inputdata and generating output. Method steps also may be performed by, andan apparatus may be implemented as, special purpose logic circuitry,e.g., an FPGA (field programmable gate array) or an ASIC(application-specific integrated circuit). Method steps may also beperformed in a different order than illustrated in the figures.

Processors suitable for the execution of a computer program include, byway of example, both general and special purpose microprocessors, andany one or more processors of any kind of digital computer. Generally, aprocessor will receive instructions and data from a read-only memory ora random access memory or both. Elements of a computer may include atleast one processor for executing instructions and one or more memorydevices for storing instructions and data. Generally, a computer alsomay include, or be operatively coupled to receive data from or transferdata to, or both, one or more mass storage devices for storing data,e.g., magnetic, magneto-optical disks, or optical disks. Informationcarriers suitable for embodying computer program instructions and datainclude all forms of non-volatile memory, including by way of examplesemiconductor memory devices, e.g., EPROM, EEPROM, and flash memorydevices; magnetic disks, e.g., internal hard disks or removable disks;magneto-optical disks; and CD-ROM and DVD-ROM disks. The processor andthe memory may be supplemented by, or incorporated in special purposelogic circuitry.

To provide for interaction with a user, implementations may beimplemented on a computer having a display device, e.g., a cathode raytube (CRT) or liquid crystal display (LCD) monitor, for displayinginformation to the user and a keyboard and a pointing device, e.g., amouse or a trackball, by which the user can provide input to thecomputer. Other kinds of devices can be used to provide for interactionwith a user as well; for example, feedback provided to the user can beany form of sensory feedback, e.g., visual feedback, auditory feedback,or tactile feedback; and input from the user can be received in anyform, including acoustic, speech, or tactile input.

Implementations may be implemented in a computing system that includes aback-end component, e.g., as a data server, or that includes amiddleware component, e.g., an application server, or that includes afront-end component, e.g., a client computer having a graphical userinterface or a Web browser through which a user can interact with animplementation, or any combination of such back-end, middleware, orfront-end components. Components may be interconnected by any form ormedium of digital data communication, e.g., a communication network.Examples of communication networks include a local area network (LAN)and a wide area network (WAN), e.g., the Internet.

While certain features of the described implementations have beenillustrated as described herein, many modifications, substitutions,changes, and equivalents will now occur to those skilled in the art. Itis, therefore, to be understood that the appended claims are intended tocover all such modifications and changes as fall within the scope of theembodiments.

In one aspect, a system for animating artwork includes at least oneprocessor and memory storing a digital artwork having an alpha edge anda mesh bounded by the alpha edge, the mesh comprising triangles withvertices within the alpha edge, the mesh having a bend handle associatedwith at least a first vertex of the vertices of the mesh. The systemalso includes memory storing instructions that, when executed by the atleast one processor, cause the system to generate a user interface. Theuser interface displays the digital artwork and implements a bend handlecontrol for the bend handle. The bend handle control includes astationary portion and a moveable portion, the stationary portionenabling the user to select a control value for the bend handle, and themoveable portion moving, during a manipulation event of the stationaryportion, to a deformed position determined from the control value andfrom a position of at least one other handle associated with at least asecond vertex of the vertices.

These and other aspects can include one or more of the followingfeatures. For example, responsive to completion of manipulation of thestationary portion, user interface may snap the stationary portion tothe deformed position. As another example, the deformed position may bedetermined from the control value and from the position of the at leastone other handle to minimize deformation of the mesh. As anotherexample, the stationary portion may include a selection portion capableof being selected and manipulated to set the control value. As anotherexample, the control value may be a rotation value and the stationaryportion includes a selection portion capable of being dragged along thestationary portion to set the rotation value, wherein the moveableportion moves during the dragging. As another example, the control valuemay be a scale value and the stationary portion includes a selectionportion capable of being moved away from or toward the stationaryportion to set the scale value. As another example, the control valuemay be a scale value and the bend handle control includes a shadowportion.

In one aspect, a method is provided for animating artwork based onhandle movement of the artwork. The method includes providing a bendhandle control for a bend handle associated with a vertex of a pluralityof vertices of a mesh bounded by an alpha edge of the artwork, theartwork including a second handle associated with a second vertex of theplurality of vertices, the bend handle control including a stationaryportion and a moveable portion at an initial position. The method alsoincludes initiating a manipulation event to set a new control value forthe bend handle via manipulation of the stationary portion, calculatinga deformed position of the bend handle based on the new control valueand constraints for the second handle, and moving the moveable portionto the deformed position.

These and other aspects can include one or more of the followingfeatures. For example, the method may also include, responsive totermination of the manipulation event, snapping the stationary portionto the deformed position. As another example, the new control value maybe a new rotation value, a new shear value, and/or a new scale value. Asanother example, the deformed position becomes the initial positionresponsive to termination of the manipulation event and the method alsoincludes receiving focus for the bend handle, providing a text entrycontrol for specifying a new rotation value responsive to receivingfocus, and responsive to receiving the new rotation value, calculating aposition for the bend handle based on constraints for the second handle,the new rotation value, and the initial position. As another example,the new control value may be a new scale value and the manipulationmoves away from the initial position to set the new scale value and thedeformed position is calculated using the new scale value. As anotherexample, the new control value may be a new rotation value and themanipulation moves a selection control around the stationary portion toset the new rotation value and the deformed position is calculated usingthe new rotation value. As another example, the new control value may bea scale value and the bend handle control includes a shadow portiondisplayed during the manipulation event. As another example, thestationary portion may be stationary relative to the initial position ofthe moveable portion.

In one aspect, a non-transitory computer-readable medium storinginstructions is provided that, when executed by at least one processor,cause a computer to perform operations. The operations includereceiving, via a user interface, placement of a bend handle on a digitalartwork, creating a mesh of vertices and associating the bend handlewith a first vertex of the vertices of the mesh, the digital artworkhaving a second handle associated with a second vertex of the verticesof the mesh. The operations also include, responsive to receiving theplacement of the bend handle, providing a bend handle control in theuser interface having a stationary portion and a moveable portion, themoveable portion being positioned at the first vertex and the stationaryportion surrounding the moveable portion. The operations may alsoinclude, responsive to manipulation of the stationary portion by a user,calculating a new position for the bend handle that minimizesdeformation of the mesh relative to the second handle and a controlvalue determined by the manipulation, moving the moveable portion butnot the stationary portion to the new position in the user interface,and repeating the calculating and moving until manipulation of thestationary portion is complete.

These and other aspects may include one or more of the followingfeatures. For example, the operations may also include, responsive tothe manipulation of the stationary portion being complete, moving thestationary portion to the moveable portion. As another example, themanipulation of the stationary portion may be a rotation of thestationary portion and the control value is a rotation value. As anotherexample, the manipulation of the stationary portion may be an expansionof the stationary portion and the control value is a scale value. Asanother example, the bend handle may be associated with the first vertexand a third vertex adjacent to the first vertex in the mesh. As anotherexample, the manipulation of the stationary portion may provide a shearconstraint for the bend handle.

According to one general aspect, a system includes at least oneprocessor and memory storing instructions that, when executed by the atleast one processor, cause the system to perform any of the operationsor methods disclosed herein.

What is claimed is:
 1. A system for animating artwork, the systemcomprising: at least one processor; memory storing a digital artworkhaving a mesh comprising vertices, the mesh having a bend handleassociated with at least a first vertex of the vertices of the mesh; andmemory storing instructions that, when executed by the at least oneprocessor, cause the system to generate a user interface that displaysthe digital artwork and implements a bend handle control for the bendhandle, wherein the bend handle control includes a stationary portionconfigured for manipulation by a user to select a rotation value for thebend handle, wherein the at least first vertex moves, duringmanipulation of the stationary portion, to a deformed positiondetermined from the rotation value and from a position and rotationconstraint of at least one other handle associated with at least asecond vertex of the vertices and the stationary portion maintains aninitial position during the manipulation.
 2. The system of claim 1,wherein responsive to completion of the manipulation, the stationaryportion snaps to the deformed position.
 3. The system of claim 1,wherein the manipulation is a first manipulation and the bend handlecontrol is further configured to select a shear value via a secondmanipulation by the user.
 4. The system of claim 1, wherein thestationary portion includes a selection portion capable of being draggedin a circular motion to set the rotation value.
 5. The system of claim1, wherein the bend handle control includes a moveable portion markingthe deformed position.
 6. The system of claim 1, wherein the bend handlecontrol is further configured for manipulation by the user to select ascale value.
 7. The system of claim 1, wherein the bend handle controlis associated with the first vertex and a third vertex of the vertices,the third vertex being adjacent to the first vertex.
 8. A method foranimating artwork based on handle movement of the artwork, the methodcomprising: providing a bend handle control for a bend handle associatedwith a first vertex of a plurality of vertices of a mesh of the artwork,the artwork including a second handle associated with a second vertex ofthe plurality of vertices, the bend handle control including astationary portion at an initial position; initiating a manipulationevent to set a scale value for the bend handle via manipulation of thestationary portion; and repeating, during the manipulation event:calculating a deformed position of the first vertex from the scale valueand from a position and scale constraint for the second handle, andmoving the first vertex to the deformed position, wherein the stationaryportion maintains the initial position during the manipulation.
 9. Themethod of claim 8, wherein the bend handle control includes a moveableportion marking the deformed position.
 10. The method of claim 8,wherein the manipulation of the stationary portion includes dragging aportion of the stationary portion away from the first vertex or towardthe first vertex.
 11. The method of claim 8, wherein the deformedposition becomes the initial position responsive to termination of themanipulation event and the method further comprises: receiving focus forthe bend handle; responsive to receiving focus, providing a text entrycontrol for specifying a scale value; and responsive to receiving thescale value, calculating a position for the first vertex based onconstraints for the second handle, the scale value, and the initialposition.
 12. The method of claim 8, wherein the manipulation is a firstmanipulation and the stationary portion is further configured to selecta shear value via a second manipulation.
 13. The method of claim 8,wherein the manipulation is a first manipulation and the stationaryportion is further configured to select a rotation value via a secondmanipulation.
 14. The method of claim 8, wherein the bend handle controlincludes a shadow portion displayed during the manipulation eventindicating a degree of scale.
 15. The method of claim 8, wherein thestationary portion surrounds the first vertex.
 16. A non-transitorycomputer-readable medium storing instructions that, when executed by atleast one processor, cause a computer to perform operations including:receiving, via a user interface, placement of a bend handle on a digitalartwork; generating a mesh of vertices and associating the bend handlewith a first vertex of the vertices of the mesh, the digital artworkhaving a second handle associated with a second vertex of the verticesof the mesh; responsive to receiving the placement of the bend handle,providing a bend handle control in the user interface having astationary portion at an initial position the stationary portionconfigured to select a shear value including a shear angle and shearamount via manipulation of the stationary portion; and during themanipulation of the stationary portion by a user, repeatedly:calculating a new position for the first vertex that minimizesdeformation of the mesh relative to the second handle and a shear valuedetermined by the manipulation, and moving the first vertex to the newposition in the user interface, the stationary portion remaining at theinitial position.
 17. The computer-readable medium of claim 16, whereinthe manipulation is a first manipulation and the stationary portion isfurther configured to select a scale value or a rotation value via asecond manipulation of the stationary portion.
 18. The computer-readablemedium of claim 17, wherein the stationary portion is configured to bemanipulated via the first manipulation and via the second manipulationsimultaneously.
 19. The computer-readable medium of claim 18, whereinthe shear value further includes a rotation.